<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>imook</title>
	<link rel="stylesheet" href="css/imook.css" type=text/css />
	<script type="text/javascript" src="js/setHomeSetFav.js"></script>
	<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
	<script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script>
	<link rel="stylesheet" href="js/mf-pattern/mF_fancy.css" type="text/css">
	<script type="text/javascript">
		myFocus.set({
			id:'picBox',
			pattern:'mF_fancy',
			time:3,//切换时间间隔(秒)
		  trigger:'mouseover'//触发切换模式:'click'(点击)/'mouseover'(悬停)
		});
	</script>
</head>
<body>
	<div class="top">
		<div class="top_content">
			<ul>
				<li><a href="#">联系我们</a></li>
				<li><a href="#" onclick="AddFavorite(window.location, document.title)">加入收藏</a></li>
				<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
			</ul>
		</div><!--top_content结束-->
	</div><!--top结束-->
	<div class="wrap">
		<div class="logo">
			<div class="logo_left">
				<img src="images/logo.jpg" alt="imook's logo">
			</div><!--logo_left结束-->
			<div class="logo_right">
				<img src="images/tel.jpg" alt="服务热线">24小时服务热线：<span class="tel">123-456-789</span>
			</div><!--logo_right结束-->
		</div><!--logo结束-->

		<div class="nav">
			<div class="nav_left"></div><!--nav_left结束-->
			<div class="nav_mid">
				<div class="nav_mid_left">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">关于慕课</a></li>
						<li><a href="#">新闻动态</a></li>
						<li><a href="#">课程中心</a></li>
						<li><a href="#">在线课程</a></li>
						<li><a href="#">人才招聘</a></li>
					</ul>
				</div><!--nav_mid_left结束-->
				<div class="nav_mid_right">
					<form action="" method="post">
						<input type="text" />
					</form>
				</div><!--nav_mid_right结束-->	
			</div><!--nav_mid结束-->
			<div class="nav_right"></div><!--nav_right结束-->
		</div><!--nav结束-->

		<div class="ad" id="picBox">
			<div class="loading"><img src="images/loading.gif" alt="图片加载中" /></div>
			<div class="pic">
				<ul>
					<li><img src="images/ad2.jpg" alt="图片1" text="123"></li>
					<li><img src="images/ad3.jpg" alt="图片2" text="456"></li>
					<li><img src="images/ad4.jpg" alt="图片3" text="789"></li>
				</ul>
			</div>
		</div><!--ad结束-->

		<div class="main">
			<div class="news">
				<div class="title">
					<h2 class="title_left">新闻中心</h2><span class="title_right"><a href="list.html">more&gt;&gt;</a></span>
				</div><!--title结束-->
				<div class="pic_news">
					<img src="images/news.jpg" />
					<h2><a href="#">520 慕女神喊你来表白!</a></h2>
					<p>活动时间：5月20日-5月25日</br>获奖公布时间：5月26日</br><a href="#">Learn More&gt;&gt;</a></p>
				</div><!--pic_news结束-->
				<div class="news_list">
					<ul>
						<li><span>2014-06-01</span><a href="#">【慕客访谈用户篇】“有为屌丝”在路上</a></li>
						<li><span>2014-06-01</span><a href="#">【有奖活动】给父亲的三行书信</a>
						<li><span>2014-06-01</span><a href="#">《程序猿，请晒出你的童年》活动获奖公告</a></li>
						<li><span>2014-06-01</span><a href="#">【慕课访谈】破茧成蝶—美女程序员的蜕变史</a></li>
					</ul>
				</div><!--news_list结束-->
			</div><!--news结束-->
			<div class="course">
				<div class="title">
					<h2 class="title_left">课程中心</h2><span class="title_right"><a href="#">more&gt;&gt;</a></span>
				</div><!--title结束-->
				<div class="course_pic">
					<img src="images/css.jpg" /><h2><a href="#">CSS圆角进化论</a></h2><p>CSS圆角的实现，经历三大发展阶段：背景图片方式、CSS2.0+HTMl标签模拟、CSS3.0圆角属性。本案例详细讲解每一种实现方式，并对实现优缺点进行对比分析。</p>
				</div>
				<div class="course_type">
					<ul>
						<li>PHP开发</li>
						<li>前端开发</li>
						<li>JAVA开发</li>
						<li>Android开发</li>
					</ul>
				</div><!--course_type结束-->
			</div><!--course结束-->
			<div class="sidebar">
				<div class="video">
					<div class="title">
						<h2 class="title_left">媒体聚焦</h2><span class="title_right"><a href="#">more&gt;&gt;</a></span>
					</div>
					<div class="video_content">
						<embed src='http://player.youku.com/player.php/sid/XMTc0Mzc5MjczNg==/v.swf' allowFullScreen='true' quality='high' width='230' height='150' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
					</div>
				</div><!--video结束-->
				<div class="sidebar_ad">
					<img src="images/app.jpg" />
				</div><!--sidebar_ad结束-->
			</div><!--sidebar结束-->
		</div><!--main结束-->
	</div><!--wrap结束-->
	<div class="copyright">
		<div class="copyright_content">
			<ul>
				<li><a href="#">关于</a>
					<ul>
						<li><a href="#">品牌故事</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">加入我们</a></li>
						<li><a href="#">版权声明</a></li>
					</ul>
				</li>

				<li><a href="#">课程</a>
					<ul>
						<li><a href="#">PHP开发</a></li>
						<li><a href="#">前端开发</a></li>
						<li><a href="#">JAVA开发</a></li>
						<li><a href="#">Android开发</a></li>
					</ul>
				</li>

				<li><a href="#">关注</a>
					<ul>
						<li><a href="#">新浪微博</a></li>
						<li><a href="#">腾讯微博</a></li>
						<li><a href="#">企业微信</a></li>
						<li><a href="#">QQ空间</a></li>
					</ul>
				</li>

				<li><a href="#">留言</a>
					<ul>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">问题留言</a></li>
						<li><a href="#">媒体联络</a></li>
						<li><a href="#">在线客服</a></li>
					</ul>
				</li>

				<li class="weixin"><a href="#"><img src="images/weixin.png" />微信关注</a>
				</li>
				<li>
					<img src="images/qrcode.jpg" />
				</li>
			</ul>
		</div><!--copyright_content结束-->
	</div><!--copyright结束-->
</body>
</html>